<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>双向绑定</title>
	</head>
	<body>
		<div id="app">
			<!-- 1.规则: 遇到文本框 双向数据绑定
							双向数据绑定的概念:
								1.用户的输入变化 则data数据变化
								2.data数据变化,则文本框的展现变化 
			-->
			用户名:<input type="text"  v-model="username"/>
			密码:<input type="password"  v-model="password"/>
		</div>
		 <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		 <script>
			const app = new Vue({
				el : "#app",
				data : {
					username : '',
					password : ''
				}
			})
		 </script>
	</body>
</html>
